<!DOCTYPE html>
<html style="height:100%;width:100%">
	
	<head>
	<script src="http://ajax.aspnetcdn.com/ajax/jquery/jquery-1.9.0.min.js"></script> 
	<script src="http://cdnjs.cloudflare.com/ajax/libs/moment.js/2.1.0/moment.min.js"></script> 
	<script src="http://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.10.3/jquery-ui.min.js"></script>
	<script src="bCal.js"></script>
	<link rel="stylesheet" href="bCal.css" type="text/css"/>
	<title>bCal</title>
	</head>
	
	<body style="height:100%;width:100%;margin:0">
	<table style="width:100%;height:100%">
	<tr>
		<td style="width:100%;height:100%;text-align:center;vertical-align:middle">
			<div style="display:inline-block" id="calendarParent">
				
			</div>			
		</td>
	</tr>
	</table>
	
	<script type="text/javascript">		
		var cal=new bCal({ParentElement:'#calendarParent',ClickFunction:function(date){new bCal({ParentElement:'#calendarParent',ClickFunction:function(date){alert(date);}});}});		
		
		
	</script>
	</body>
	
</html>